<template>
  <div class="app">
    <!-- 头部组件 -->
    <MyHeader> </MyHeader>
     <!-- 主体组件 -->
      <MyBody></MyBody>
      <!-- 底部组件 -->
       <MyFoot></MyFoot>
  </div>
</template>
<style>
.app{
  width: 600px;
  height: 700px;
  text-align: center;
  background-color: #cddb34;
  margin: 0 auto;
  padding:20px;
}
</style>
<script>
import MyFoot from "./components/MyFoot.vue";
import MyBody from "./components/MyBody.vue";
import MyHeader from "./components/MyHeader.vue"
export default {
  components:{
    MyHeader:MyHeader,
    MyBody:MyBody,
    MyFoot:MyFoot
  }
}

</script>